//1. 公用样式
require('../../assets/css/index.less');
require('../../assets/css/basic.less');
require('../../assets/fonts/iconfont.css');
//2. 当前页面样式
require('./rundata.less');
require('../../lib/swiper/swiper-bundle.css');


//3. 公用js
let dom = require('../../utils/dom.js');
let https = require('../../utils/https.js');
require('../../lib/swiper/swiper-bundle.js');
import * as echarts from 'echarts';
console.log(echarts);


dom.ready(function () {
  // 调用回退的封装函数
  dom.goback()





  function getSportData() {
    // 渲染运动数据接口
    https.get('/api/exercise', {}, function (res) {
      console.log(res.data);
      // 判断成功状态
      if (res.errno == 0) {

        sumMin.innerHTML = res.data.sum7Duration;
        sumCalo.innerHTML = res.data.sum7Calorie;
        // 获取年份
        let day7 = res.data.days.map(function (v) {
          return v.date.slice(5)
        })

        //   获取sumDuration
        let day7data = res.data.days.map(function (v) {
          return v.sumDuration
        })



        // 第一个图
        // 基于准备好的dom，初始化echarts实例
        var myChart1 = echarts.init(dom.getEle('#box1'));
        // 配置数据项
        var option1 = {
          title: {
            text: '近七天运动时长',
            textStyle: {
              color: '#c85c21',
              fontStyle: 'italic',
            },
            top: '10px',
            left: '10px'
          },
          //  提示框组件
          tooltip: {},
          //  x轴
          xAxis: {
            data: day7,
            axisLabel: {
              interval: 0,
              // rotate:40
            },
            axisTick: {
              alignWithLabel: true
            }
          },
          //  y轴
          yAxis: {},
          series: [
            {
              name: '销量',
              type: 'bar',
              data: day7data
            }
          ]
        }
        // 绘制图表
        myChart1.setOption(option1);




        // 第二个图
        // 基于准备好的dom，初始化echarts实例
        // 报表2
        // 计算运动数据值
        let runData = 0;  //跑步数据
        let rideData = 0;  //骑行数据
        let courseData = 0;  //训练数据
        // 跑步7天时长
        res.data.days.map(function (v) {
          // console.log(v.exerciseData);
          // 遍历每一天中的三项数据
          v.exerciseData.map(function (vv) {
            // console.log(vv);
            // 判定type代表的三项运动
            if (vv.type == 0) {
              // console.log(vv.duration);
              runData += vv.duration;

            }
            if (vv.type == 1) {
              // console.log(vv.duration);
              rideData += vv.duration;

            }
            if (vv.type == 2) {
              // console.log(vv.duration);
              courseData += vv.duration;

            }


          })
        })
        console.log(runData, rideData, courseData);
        var myChart2 = echarts.init(dom.getEle('#box2'));
        // 配置数据项2
        var option2 = {
          // 大标题
          title: {
            text: '运动分类',
            top: '10px',
            left: '10px'
          },
          tooltip: {
            trigger: 'item'
          },
          legend: {
            orient: 'vertical',
            left: '20',
            top: 'middle'
          },
          series: [
            {
              name: '运动分类',
              type: 'pie',
              radius: '50%',
              label: {
                normal: {
                  show: true,
                  formatter: '{d}%',
                  position: "inside"
                }

              },
              labelLine: {
                show: false
              },
              data: [
                { value: runData, name: '跑步' },
                { value: rideData, name: '骑行' },
                { value: courseData, name: '训练' }
              ],
              color: [
                '#CC6666',
                '#CC99CC',
                '#CCCC99'
              ]
            }
          ]
        }
      }
      // 绘制图表1
      myChart2.setOption(option2);

    })
  }
  getSportData();


})

